<template>
  <div class="wechat">
<van-nav-bar :title="name" left-text="消息" left-arrow @click-left="gobackHandle">
  <template #right>
    <van-icon name="phone-o" size="22" class="phone"/>
    <van-icon name="user-o" size="22" />
  </template>
</van-nav-bar>
  </div>
</template>

<script>
export default {
name:'Wechat',
props:{
    id:{
        type:[String,Number],
        required:true
    },
    name:{
        type:String,
        required:true
    },
    image:{
        type:String,
        required:true
    },
},
methods:{
    gobackHandle(){
        this.$router.back()//返回按钮
    },
    chatDetails(){
        this.$router.push('/chatdetails')//聊天详情
    }
},

}
</script>

<style scoped lang="less">
.wechat{
.phone{
    margin-right:0.4rem;
}
}
</style>